<?php
	function displayRequestedValue($requestParamName) {
		if(isset($_REQUEST[$requestParamName])) {
			echo $_REQUEST[$requestParamName];
		}
	}

    $registerSubmitUrl = array(
        Lua_Constant_General::PARAM_CONTROLLER => "user",
        Lua_Constant_General::PARAM_ACTION => "registerSubmit"
    );
	$recaptchaConfig = Lua_Config::load(array('recaptcha'));
	$recaptchaKey = $recaptchaConfig['key'];
?>
<script type="text/javascript">
	function onCountryChange() {
		if ($("#country_id").val() == "VIET") {
			$("#city_area").show();
		} else {
			$("#city_area").hide();
		}
	}
</script>
<div class="block_white">
	<div class="block_heading_black">
		<h2>Gia nhập iPOO</h2>
	</div>
	<div class="form_register">
		<form action="<?php echo $this->url($registerSubmitUrl);?>" method="post" id = "form_register">
			<p>
				<div class="fix08">
					<div class="txt02 fl">Họ và Tên</div>
					<div class="fl">
						<div class="fix_textfield">
							<input name="full_name" type="text" class="textfield required" value="<?php displayRequestedValue('full_name');?>"/>
						</div>
					</div>
				</div>
				<div class="fix08">
					<div class="txt02 fl">Tên đăng nhập mong muốn</div>
					<div class="fl">
						<div class="fix_textfield">
							<input name="username" type="text" class="textfield required" value="<?php displayRequestedValue('username');?>"/>
						</div>
					</div>
					<div class="txt03 fl">có thể sử dụng</div>
					<div class="sp_txt">Ví dụ: Dlan, D.Lan</div>
				</div>
			</p>
			<p>
				<div class="fix08">
					<div class="txt02 fl">Chọn Mật Khẩu</div>
`					<div class="fl">
						<div class="fix_textfield">
							<input name="password" id ="password" type="password" class="textfield required"/>
						</div>
					</div>
				</div>
				<div class="fix08">
					<div class="txt02 fl">Nhập lại Mật Khẩu</div>
					<div class="fl">
						<div class="fix_textfield">
							<input name="password2" id = "password2" type="password" class="textfield  required" />
						</div>
					</div>
				</div>
			</p>
			<p>
				<div class="fix08">
					<div class="txt02 fl">Thư điện tử</div>
					<div class="fl">
						<div class="fix_textfield">
							<input name="email" type="text" class="textfield required email" value="<?php displayRequestedValue('email');?>"/>
						</div>
					</div>
					<div class="sp_txt">
						Địa chỉ này được sử dụng để xác thực tài khoản <br /> của bạn khi
						bạn gặp phải vấn đề hoặc quên mật khẩu.
					</div>
				</div>
			</p>
			<p>
				<div class="fix08">
					<div class="txt02 fl">Ngày sinh</div>
					<div class="fl">
						<div class="fix_textfield">
							<input name="birthday" type="text" class="textfield required" value="<?php displayRequestedValue('birthday');?>"/>
						</div>

					</div>
					<div class="txt03_1 fl">
						ngày/tháng/năm<br /> (ví dụ 03/04/1992)
					</div>
				</div>
				<div class="fix08">
					<div class="txt02 fl">Bạn sống tại</div>
					<div class="fl">
						<div class="fix_textfield">
							<select name="country_id" id="country_id" style="border: none;width:230px" onchange="onCountryChange();">
								<option value=""></option>
								<?php
									foreach($this->countries as $i => $country) {
										echo '<option value="'.$country['id'].'">'.$country['name'].'</option>';
									}
								?>
							</select>
						</div>
					</div>
				</div>
				<div class="fix09" id="city_area" style="display:none;">
					<div class="txt02_1 fl">Chọn thành phố</div>
					<div class="fl">
						<div class="fix_textfield">
							<select name="city_id" style="border: none;">
								<option value=""></option>
								<?php
									foreach($this->cities as $i => $city) {
										echo '<option value="'.$city['id'].'">'.$city['name'].'</option>';
									}
								?>
							</select>
						</div>
					</div>
				</div>
			</p>
			<p>
				<div class="fix08">
					<div class="txt02 fl">Mã xác minh</div>
					<div class="fl">
						<div class="txt04">Nhập các ký tự bạn nhìn thấy trong bức
							hình dưới đây.</div>
					</div>
				</div>
				<div class="fix09">
					<div class="captcha">
						<?php echo recaptcha_get_html($recaptchaKey['public'], null);?>
					</div>
					<div class="txt04">Không phân biệt Hoa/thường</div>
					<?php if (isset($this->errors['captcha'])) { ?>
					<div class="txt04 error_msg">Mã xác minh không chính xác</div>
					<?php } ?>
				</div>
			</p>
			<p>
				<div class="fix09">
					<div class="txt04">
						Bằng cách nhấp vào 'Tôi chấp nhận' ở dưới đây có nghĩa là <br />
						bạn đồng ý với <a href="#">Điều khoản sử dụng iPOO </a>
					</div>
				</div>
			</p>
			<p>
				<div class="fix09">
					<div class="button_gray fl">
						<a href="javascript:;" id="btnRegister">Tôi chấp nhận và tạo tài khoản </a>
					</div>
				</div>
			</p>
		</form>
	</div>
</div>
